<template>
    <div>
        <!-- 配送时间 -->
        <h3 class="box-title">配送时间</h3>
        <div class="box-body">
            <a class="my-btn active" href="javascript:;">不限送货时间：周一至周日</a>
            <a class="my-btn" href="javascript:;">工作日送货：周一至周五</a>
            <a class="my-btn" href="javascript:;">双休日、假日送货：周六至周日</a>
        </div>
        <!-- 支付方式 -->
        <h3 class="box-title">支付方式</h3>
        <div class="box-body">
            <a class="my-btn active" href="javascript:;">在线支付</a>
            <a class="my-btn" href="javascript:;">货到付款</a>
            <span style="color:#999">货到付款需付5元手续费</span>
        </div>
    </div>
</template>

<script>
    export default {
        name: "PayType"
    }
</script>

<style scoped lang="less">
    .box-title {
        margin-top: 30px;
        font-size: 16px;
        font-weight: normal;
        padding-left: 10px;
        line-height: 70px;
        border-bottom: 1px solid #f5f5f5;
    }

    .box-body{
        padding: 20px 0;
    }
    .my-btn {
        width: 228px;
        height: 50px;
        border: 1px solid #e4e4e4;
        text-align: center;
        line-height: 48px;
        margin-right: 25px;
        color: #666666;
        display: inline-block;
        &.active,&:hover {
            border-color: @xtxColor;
        }
    }


</style>